<html>
<canvas id="canvas" width="1600px" height="900px"/>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.font = "200px Noto Sans Mono CJK SC Bold";
ctx.fillStyle = "#eeeeee";
var text = "HLSPlayer";
var wt = ctx.measureText(text).width;
var x = (c.width - wt) / 2;
var y = (c.height - wt / text.length) / 2;
console.log(x + "," + y);
ctx.fillText(text, x, 400);
</script>
</html>